<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<title>Document</title>
	<script src="assets/flexible/flexible.debug.js"></script>
	<script src="assets/flexible/flexible_css.debug.js"></script>
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="assets/swiper/css/swiper.min.css"/>
	<link rel="stylesheet" type="text/css" href="assets/shiliangtu/iconfont.css"/>
</head>
<body>
	<header id="head">
		<a href="javascript:" class="head-left">
			广州 ∨
		</a>
		<a href="javascript:" class="head-center">
			<img src="images/sou.png"/>
			<span>搜索你喜欢的兼职</span>
		</a>
		<a href="javascript:" class="head-right">
			<img src="images/daka.png"/>
		</a>
	</header>
	<main id="main">
		<div class="swiper-container">
	        <div class="swiper-wrapper">
	            <div class="swiper-slide">
	            	<img src="images/lb.png"/>
	            </div>
	            <div class="swiper-slide">
	            	<img src="images/lb.png"/>
	            </div>
	            <div class="swiper-slide">
	            	<img src="images/lb.png"/>
	            </div>
	            <div class="swiper-slide">
	            	<img src="images/lb.png"/>
	            </div>
	            <div class="swiper-slide">
	            	<img src="images/lb.png"/>
	            </div>
	        </div>
	        <!-- Add Pagination -->
	        <div class="swiper-pagination"></div>
	    </div>
	    <div class="feilei">
	    	<div class="fl1 fla">
	    		<div class="left1">
	    			<h3 class="til1">精钢专享</h3>
	    			<p class="p1">A猫成长营学习攻略</p>
	    		</div>
	    		<div class="left2">
	    			<img src="images/v.png"/>
	    		</div>
	    	</div>
	    	<div class="fl1 flb">
	    		<div class="left1">
	    			<h3 class="til1">喵任务</h3>
	    			<p class="p1">不用出门的兼职钱</p>
	    		</div>
	    		<div class="left2">
	    			<img src="images/b.png"/>
	    		</div>
	    	</div>
	    	<div class="fl1 flc">
	    		<div class="left1">
	    			<h3 class="til1">附近兼职</h3>
	    			<p class="p1">就挑你不用走远的</p>
	    		</div>
	    		<div class="left2">
	    			<img src="images/d.png"/>
	    		</div>
	    	</div>
	    	<div class="fl1 fld">
	    		<div class="left1">
	    			<h3 class="til1">兼职旅行</h3>
	    			<p class="p1">最屌最省钱的汽车</p>
	    		</div>
	    		<div class="left2">
	    			<img src="images/c.png"/>
	    		</div>
	    	</div>
	    </div>
	    <section class="sx">
	    	<a href="javascript:">
	    		<img src="images/xi.png"/>
	    	</a>
	    </section>
	    <section class="remen">
	    	<h3>热门栏目</h3>
	    	<div class="remen_bom">
	    		<figure class="tla">
	    			<img src="images/tla.png"/>
	    			<p>A猫学堂</p>
	    		</figure>
	    		<figure class="tla">
	    			<img src="images/jshi.png"/>
	    			<p>教师证攻略</p>
	    		</figure>
	    		<figure class="tla">
	    			<img src="images/zqi.png"/>
	    			<p>成长营</p>
	    		</figure>
	    	</div>
	    </section>
	    <section class="saxin">
	    	<span class="lxing">
	    		<img src="images/xing.png"/>
	    		你可能感兴趣的
	    	</span>
	    	<a href='javascript:' class="shua_xin">
	    		<img src="images/shuxin.png"/>
	    		刷新
	    	</a>
	    </section>
	    <section class="qiuzhi">
	    	<a href="javascript:">
		    	<div class="lifa">
		    		<img src="images/jianzhia.png"/>
		    	</div>
		    	<div class="qiu_center">
		    		<h3 class="h3a">
		    			求职意向设置
		    		</h3>
		    		<p class="q_c_bottom">
		    			告诉我们你的兴趣，给你想要的兼职
		    		</p>
		    	</div>
		    	<div class="qiu_right">
		    		>
		    	</div>
	    	</a>
	    </section>
	    <section class="gzmc">
	    	<script type="text/html" id="template-s">
	    		{{each arr v i}}
		    	<a href="javascript:">
			    	<div class="lifb">
			    		<img src="{{v.imgUrl}}"/>
			    	</div>
			    	<div class="gzmc_center">
			    		<h3 class="h3b">
			    			{{v.title}}
			    		</h3>
			    		<p class="g_bm">
			    			<span class="g_bm_l">
			    				{{v.option}}
			    			</span>
			    			<span class="g_bm_r">
			    				{{v.zhushi}}
			    			</span>
			    		</p>
			    		<p class="g_bmb">
			    			<span class="g_bmb_l">
			    				{{v.time}}
			    			</span>
			    			<span class="g_bmb_r">
			    				 {{v.shi}}
			    			</span>
			    		</p>
			    	</div>
			    	<div class="gzmc_right">
			    		<span class="qiana">
			    			{{v.qian}}
			    		</span>
			    		<span class="danw">
			    			{{v.danwei}}
			    		</span>
			    	</div>
			    </a>
			    {{/each}}
			</script>
	    </section>
	</main>
	<footer id="footer">
		<a href="index.html" class="fordi">
			<span class="iconfont spa1">&#xe62b;</span>
			<p>兼职猫</p>
		</a>
		<a href="html/jianzhis.html" class="fordi">
			<span class="iconfont spa2">&#xe6d3;</span>
			<p>全部兼职</p>
		</a>
		<a href="html/xuetang.html" class="fordi">
			<span class="iconfont spa3">&#xe60b;</span>
			<p>A猫学堂</p>
		</a>
		<a href="html/miao.html" class="fordi">
			<span class="iconfont spa4">&#xe618;</span>
			<p>喵</p>
		</a>
		<a href="html/gerenzhongxin.html" class="fordi">
			<span class="iconfont spa5">&#xe652;</span>
			<p>个人中心</p>
		</a>
	</footer>
	<script src="assets/artTemplate/template-web.js"></script>
	<script src="assets/jquery/jquery-3.2.1.min.js"></script>
	<script src="assets/swiper/js/swiper.jquery.js"></script>
	<script src="assets/shiliangtu/iconfont.js"></script>
	<script src="js/index.js"></script>
</body>
</html>